<template>
    <Jmodal2 :visible="true"
             title="路况详情"
             :left="left" :top="top" width="300" @cancel="cancelP"
             ref="jmodal2"
    >
        <div>
            <div>
                <span class="opacity08 detailLabel">路段：</span><span>{{data.name}}</span>
            </div>
            <div>
                <span class="opacity08 detailLabel">所属大队：</span><span>{{data.dept}}</span>
            </div>
            <div>
                <span class="opacity08 detailLabel">所属中队：</span><span>{{data.middept}}</span>
            </div>

        </div>
    </Jmodal2>
</template>

<script>
    import Jmodal2 from "@/components/jmodal2.vue";

    export default {
        name: "policeInforDetail",
        components:{Jmodal2},
        data(){
            return {
                data:{},
                left:500,
                top:100,
            }
        },
        methods:{
            cancelP(){
                this.$refs.jmodal2.removeMoveListener()
                this.$destroy();
                document.getElementById('mapInforDetailBox').removeChild(this.$el)
            },
        },mounted() {
            this.$refs.jmodal2.addMoveListener()
        }
    }
</script>

<style scoped>

</style>
